body{background: #f3f3f3;font-family: "microsoft YaHei","Arail";}
/*
会员中心-个人信息*/
.container{min-width: 320px;max-width: 640px;margin: 0 auto;font-family:"microsoft YaHei","Arail"; }
.container .nav{background: #cc2a1e;width: 100%;height: 50px;line-height: 50px;position:relative;}
.container .nav img{display: inline-block;position: absolute;top: 15px;left: 15px;width: 24px;height: 20px;}
.container .nav h3{width: 100%;text-align: center;color: #fff;font:16px/50px "microsoft YaHei","Arail";}
.container .info_list{width: 96%;margin:20px auto 0;border: 1px solid #c8c8c8;border-radius: 3px;}
.info_list .list{background:#EEEEEE; }
.info_list .list .list_nobor{border-bottom:0; }
.info_list .list li{margin: 0 10px;height: 50px;line-height: 50px;border-bottom: 1px solid #c8c8c8;}
.list li span{display: inline-block;font:14px/50px "microsoft YaHei","Arail";color: #333;}
.list li .left_span{float: left;text-align: left;}
.list li .right_span{float: right;color: #cc2a1e;text-align: right;}
.list li .info_img{display: inline-block;float: right;height: 40px;width: 40px;border-radius: 50%;margin-top: 5px;}

/* 弹出窗 */ 
.dailog_mask,.dailog_mask2{position: fixed;top: 0;left: 0;height: 100%;width:100%;filter:alpha(opacity=.4); -moz-opacity:.4;display: block; -khtml-opacity: .4; opacity: .4; 
	background: #000;display: none;z-index: 4;cursor: pointer;}
.dailog,.dailog2{position: absolute;top:20%;width: 280px;left: 50%;margin-left: -140px;background:#f7f7f7; display: none;border: 1px solid #b1b1b1;border-radius: 5px;z-index: 5;}
.dailog img{display:block;float: right;margin: 10px 10px 0 0;width: 25px;height: 25px;}
.dailog h4,.dailog2 h4{width: 100%;height: 30px;font:16px/30px "microsoft YaHei","Arail";text-align: left;margin:10px 0 0 20px;}
 .dailog input{display: inline-block;width: 240px;height: 35px;padding-left: 5px;border: 1px solid #c8c8c8; -webkit-appearance: none;} 
.dailog .pwd{display: block;width: 240px;height: 30px;margin: 15px 20px;}
.dailog .pwd input[type="password"]{display: none;color: #333; -webkit-appearance: none;}
.dailog .info_btn{width: 100%;height: 40px;margin-top: 5px;}
.info_btn input{display: inline-block;width: 50%;box-sizing:border-box;float: left;height: 40px;font-size: 14px;background: #fff;color: #333;border-bottom: 0;
	border-left: 0;border-right: 0;border-radius: 0}
.info_btn input.quexiao{color:#cc2a1e;border-left:1px solid #b1b1b1; border-bottom-right-radius: 5px; }
.info_btn .sub_form{border-bottom-left-radius: 5px;}

.dialog2-pic{padding: 5%;margin: 0 auto;display: inline-block;text-align: center;width: 100%;}
.closeBtn2{display:block;float: right;margin: 10px 10px 0 0;width: 25px;height: 25px;}
/*
会员中心-充值页面*/
.content{width: 96%;margin:15px auto 0;border: 1px solid #c8c8c8;border-radius: 5px;background:#fff;}
.per_name{width: 100%;margin: 0 auto;height: 40px;font:16px/40px "microsoft YaHei","Arail";}
.per_name span{display: inline-block;width: 94%;margin: 0 3%;background: url(../images/img_5.png) left center no-repeat;background-size: 25px 25px;text-indent: 30px;
border-bottom: 1px solid #d6d6d6}
.per_money{width: 100%;margin: 0 auto;font:14px/20px "microsoft YaHei","Arail";}
.per_money li{margin: 5px 3%;}
.per_money li span{width: 40%;display: inline-block;height: 30px;line-height: 30px;}
.per_money li strong{width: 60%;display: inline-block;font-weight: normal;}
.per_money .list_a{color:#686868;}
.per_money .list_a span{background: url(../images/img_6.png) left center no-repeat;background-size: 25px 22px;text-indent: 30px;}
.per_money .list_b{color:#cc2a1e;}
.per_money .list_b span{background: url(../images/img_7.png) left center no-repeat;background-size: 25px 22px;text-indent: 30px;}
.per_con{width: 100%;overflow: hidden;}
.per_con h4{margin: 10px 3%;font:16px/20px "microsoft YaHei","Arail";background: url(../images/img_8.png) left center no-repeat;background-size: 25px 20px;text-indent: 30px;}
.per_con input{margin: 0 3% 10px;font:14px/35px "microsoft YaHei","Arail";width: 94%;box-sizing:border-box;border: 1px solid #2c2c2c;height: 35px;border-radius: 5px;
text-align: center; -webkit-appearance: none;}
.per_con .list_momey{width: 102%;margin-left:3%;}
.per_con .list_momey li{width: 25%;margin:0 8% 10px 0;float:left;text-align: center;height: 30px;box-sizing:border-box;border: 1px solid #2c2c2c;
	font:14px/30px "microsoft YaHei","Arail";color: #333;border-radius: 5px;}
.per_con .list_momey li.red_color{color:#fff;border: 1px solid #cc2a1e;background: #cc2a1e }
.per_tip{width: 96%;margin: 10px auto 20px;}
.per_tip p{width: 94%;margin:0 auto;font:12px/25px "microsoft YaHei","Arail";color: #9d9d9d;background: url(../images/img_10.png) left center no-repeat;
background-size: 10px 10px;text-indent: 15px;}
.incharge{display: inline-block;width: 96%;margin: 10px 2%;height: 35px;font:16px/36px "microsoft YaHei","Arail";color: #fff;background:#cc2a1e;text-align: center;
border-radius: 10px;border: 0; }
.incharge_msd{width: 80%;margin: 0 10%;}
.incharge_msd .weixin{width: 45%;margin-right:5%;box-sizing:border-box;float: left;position: relative;}
.incharge_msd .red_bor{border: 1px solid #cc2a1e}
.incharge_msd .bank_card{width: 45%;margin-left:5%;box-sizing:border-box;float: left;position: relative;}
.bank_card input,.weixin input{display: inline-block;width: 100%;position: absolute;left: 0;top:0;opacity: 0;}

/* 确认充值 */
.insure{width: 96%;font:16px/80px "microsoft YaHei","Arail";color: #333;text-align: center;border-bottom: 1px dashed #CCCCCC;margin: 0 auto;}
.insure_bar{width: 96%; margin: 20px auto;}
.insure_btn{display: inline-block;width: 100%;height: 35px;font:16px/35px "microsoft YaHei","Arail";color: #fff;text-align: center;
border-radius: 10px;border: 0;-webkit-appearance: none;}
.insure_sure{background:#cc2a1e;width: 100%;}
.insure_can{background: #7e7e7e;width: 100%;}
.insure strong{color:#cc2a1e; font:18px/80px "microsoft YaHei","Arail";}

/* 注册页面 */

.register{width: 96%;margin: 15px auto 0;}
.register .reg_bar{width: 100%;margin: 20px auto 10px;border: 1px solid #686868;border-radius: 5px;background: #fff}
.register .reg_bar p{width: 100%;box-sizing:border-box;border-bottom: 1px solid #c8c8c8;height: 35px;font:14px/35px "microsoft YaHei","Arail";color: #333;
}
.reg_bar p input{float: right;display: inline-block;width: 85%;height:34px;border: none;}

.register .reg_bar .phone_num{background: url(../images/reg_img2.png) 10px center no-repeat;background-size: 14px 22px;border-top-left-radius: 5px;}
.reg_bar .phone_num input{border-top-right-radius: 5px;}
.register .reg_bar .reg_pwd,.register .reg_bar .reg_repwd{background: url(../images/reg_img3.png) 10px center no-repeat;background-size: 18px 22px;}
.register .reg_bar .reg_code{background: url(../images/reg_img4.png) 10px center no-repeat;background-size: 18px 22px;border-bottom-left-radius: 5px;
	position: relative;border-bottom: 0;}
.reg_bar .reg_code input{border-bottom-right-radius: 5px;}
.reg_bar .reg_code .btn{position: absolute;right: 5px;top:2px;display: inline-block;font:14px/30px "microsoft YaHei","Arail";border-radius: 5px;
background: #cc2a1e;color: #fff;width: 100px;height: 30px;-webkit-appearance: none;}

.reg_bar p input[type="password"]{display: none;}
.reg_btn{display: inline-block;width: 100%;margin: 10px auto;height: 35px;font:16px/36px "microsoft YaHei","Arail";color: #fff;background:#0364af;text-align: center;
border-radius: 10px;border: 0;-webkit-appearance: none;}

.msg{color: #cc2a1e;font:14px/20px "microsoft YaHei","Arail";display: inline-block;width: 100%;text-align: center;}
.xieyi{font:14px/30px "microsoft YaHei","Arail";color: #333}
.xieyi a{font:14px/30px "microsoft YaHei","Arail";color: #0390fd}

/*错误提示页面*/
.tip_msg{width: 96%;margin: 50px auto;text-align: center;}
.tip_msg img{display: inline-block;width: 50px;height: auto;}
.tip_msg h5{font:16px/30px "microsoft YaHei","Arail";color: #333;margin-top: 10px}
.tip_msg_a{border-top: 1px dashed #b2b2b2;text-align: center;margin-top: 20px;position: relative;}
.tip_msg_a span{background: #f7f7f7;color: #b2b2b2;font:14px/30px "microsoft YaHei","Arail";top: -16px;display: inline-block;height: 30px;padding: 0 10px;
position: absolute;margin-left: -55px;}
.tip_msg_a span strong{font:16px/30px "microsoft YaHei","Arail";color: #cc2a1e;}

.tip_msg p{width: 100%;font:14px/30px "microsoft YaHei","Arail";}


/* 分销入口 */
.index-nav .distribution_index{  height: 40px;   min-width: 100px;  position: absolute;  left: 100px;  top: 0px;  color: #000;  font-size: 14px;}
.index-nav .distribution_index .dis_name{ color: #454545;font-size: 14px;line-height: 20px;}
.index-nav .distribution_index .dis_acc{ color: #868686;font-size: 14px;line-height: 20px;}
.distribution_index .dis_acc strong{font-weight: normal;color: #cc3431;margin-left: 5px;}
.bg_fff{background: #fff;height: 10px;}
.dis_con{width: 100%;margin: 0 auto;}
.dis_con_list{width: 100%;background: #cc3431;}
.dis_con_list ul{width: 96%;margin: 0 auto;}
.dis_con_list ul li{font:14px/30px "microsoft YaHei","Arail";color: #fff;margin: 0 10px;}
.dis_con_list .dis_ul_a{padding-top: 10px;}
.dis_con_list .dis_ul_b{padding-bottom: 10px;}
.dis_con_list .dis_ul_b li:first-child{float: left;text-align: left;}
.dis_con_list .dis_ul_b li:last-child{float: right;text-align: right;}
.dis_ul_b li strong{font-size: 20px;font-weight: normal;display: inline-block;}
.dis_con_list_a{background: #fff;}
.dis_con_list .dis_ul_c {width: 100%;margin: 0;}
.dis_con_list .dis_ul_c li{width: 100%;margin: 10px 0;font:14px/25px "microsoft YaHei","Arail";color: #575757;}
.dis_con_list .dis_ul_c li{float: left;width: 50%;box-sizing:border-box;text-align: center;}
.dis_con_list .dis_ul_c li:first-child{border-right: 1px solid #c3c3c3;}
.dis_ul_c li img{display: inline-block;width: 32px;height: 35px;}
.dis_ul_c li span{color: #454545;}
.dis_ul_c li strong{font-weight: normal;color: #acacac;font-size: 12px;}
.dis_ul_c li strong em{color: #cc3431;}

